/* CSS Document */


/*鍒嗛〉*/

#pageGro {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 45px;
}

#pageGro div,
#pageGro div ul li {
    float: left;
    margin-left: 6px;
    font-size: 14px;
    color: #585E66;
    cursor: pointer;
}

#pageGro div ul li {
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(231, 231, 231, 0.60);
    border-radius: 18.5px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #585E66;
}

#pageGro div ul li.on {
    background: #4A90EF;
    box-shadow: 0 2px 4px 0 rgba(74, 144, 239, 0.27);
    border-radius: 18.5px;
    color: #fff;
}

#pageGro .pageUp,
#pageGro .pageDown,
#pageGro .pagestart,
#pageGro .pageend {
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(231, 231, 231, 0.60);
    border-radius: 18.5px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #585E66;
    cursor: pointer;
}


/* 澶栭潰鐩掑瓙鏍峰紡---鑷繁瀹氫箟 */
.page_div {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 45px;
}

/* 椤垫暟鎸夐挳鏍峰紡 */
.page_div button {
    /*display: inline-block;*/
    /*min-width: 30px;*/
    /*height: 28px;*/
    /*cursor: pointer;*/
    /*color: #666;*/
    /*font-size: 13px;*/
    /*line-height: 28px;*/
    /*background-color: #f9f9f9;*/
    /*border: 1px solid #dce0e0;*/
    /*text-align: center;*/
    /*margin: 0 4px;*/
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none;*/

    float: left;
    margin-left: 6px;
    font-size: 14px;
    color: #585E66;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(231, 231, 231, 0.60);
    border-radius: 18.5px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #585E66;
    border: 0;
}

#firstPage, #lastPage, #nextPage, #prePage {
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgb(231 231 231 / 60%);
    border-radius: 18.5px;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #585E66;
    cursor: pointer;
}

#nextPage, #prePage {
    /*width: 70px*/
}

.page_div .current {
    /*background-color: #0073A9;*/
    /*border-color: #0073A9;*/
    /*color: #FFF*/
    background: #4A90EF;
    box-shadow: 0 2px 4px 0 rgba(74, 144, 239, 0.27);
    border-radius: 18.5px;
    color: #fff;
}

/* 椤甸潰鏁伴噺 */
.totalPages {
    margin: 0 10px
}

.totalPages span, .totalSize span {
    color: #0073A9;
    margin: 0 5px
}
/*鍒嗛〉*/
.page_div button:disabled {
    opacity: .5;
    cursor: no-drop
}
.page_div span{
    line-height:38px;margin-left:7px;
}
.pageBack{
    float:right;width: auto;
}
.pageBack button{
    width: 24px;
    height:22px;
    line-height: 22px;
    border-radius: 24px;
    padding: 0;
    text-align: center;
    margin-right: 5px;
}
.pageBack #firstPage,.pageBack #lastPage,.pageBack #nextPage,.pageBack #prePage{
    width: 24px;
    height:22px;
    line-height: 22px;
    border-radius: 24px;
}
.pageBack span {
    line-height: 22px;
    margin-left: 7px;
}